$(function(){
    var $sosoText = "",
        i=0,j=0,x=0;
    var $li = $("ul>li");
    linum = $li.length;

    //监听输入事件，获取输入值
    $("inputinput[data-key=zphone]").on("input propertychange",function(){
        $sosoText = $(this).val();

        var testtell = /\d{4,13}/;
        if(testtell.test($sosoText)) {
            x=0;i=0;j=0;
            //ajax--下拉数据产生
            // sosotextGet();
        }else{
            if($sosoText.trim().length == 0){
                $("ul").css('visibility',"hidden");
                console.log("1"+$sosoText);
                return;
            }
        }
    });


    //监听键盘事件1.enter搜索
    $(".zform input#nav-search-input").keydown(function(event){
        if(event.which == 40||event.which == 38){
            event.preventDefault();
        }else if(event.which == 13){
            $sosoText = $(this).val().trim();

            var testtell = /\d{4,13}/;
            if(testtell.test($sosoText)){
                //ajax发送数据
                dataGet();
            }else{
                if($sosoText.length == 0){
                    console.log("1"+$sosoText);
                    return;
                }
            }
        }
    });


    //为每个li添加事件,监听键盘事件1.enter搜索  2.上下键选择 38 || 40
    $("input#nav-search-input").keydown(function(event){
        if(event.which == 40){
            if(j==0 || x > linum-1){
                x = i;
            }else{
                x +=1;
            }
            i++;
            if(i>linum-1){
                i= 0;
            }

        }else if(event.which == 38){
            if(i==0||x<0){
                x=linum-1-j;
            }else{
                x -= 1;
            }
            j++;

            if(j>linum-1||x){
                j=0;
            }
        }else if(event.which == 13){
            $("ul#solist").css("visibility","hidden");
            //ajax发送数据
            dataGet();
            return;
        }else{
            return;
        }

        $li.eq(x).addClass("liche").siblings().removeClass("liche");
        $("input#nav-search-input").val($li.eq(x).text());
    })


    //ajax获取联想词
    function sosotextGet(){

        $li.removeClass("liche");
//  	$.ajax({
//  		type:"GET",
//  		url:"index?text="+$sosoText,
//  		success:function(data){
        datalist= ["12122","23231232","189289238","weiuid","wej12sjdk","232332","189289238","weiss21uid","sjdksjd","1289228239","378589348"];
        //返回数据
//  			JSON.parse(data,function(k,v){
//  				console.log(v);
//  			 	datalist.push(v);
//  			 });
		/*               for(var i=0;i<datalist.length;i++){
		 if(datalist[i].indexOf($sosoText) != -1){}
		 }*/
//  		   console.log("datalist"+datalist);
        //数据的属性
        $("ul#solist li").each(function(k,v){
            $(this).text(datalist[k]);
        });
        $("ul#solist").css("visibility","visible");



//  		},
//  		error:function(data){
//  			
//  		}  		
//  	});
    }

    //ajax进行数据的获取
    function dataGet(){
        console.log($("ul#solist").attr('visibility') != "hidden")
        if($("ul#solist").attr('visibility') != "hidden"){
            $("ul#solist").css("visibility","hidden");
        }

        console.log("data");
//  	$.ajax({
//  		type:"GET",
//  		url:"index?text="+$sosoText,
//  		success:function(data){
        datalist= [{"sosotext":"12122"}];
        //返回数据
//  			JSON.parse(data,function(k,v){
//  				console.log(v);
//  			 	datalist.push(v);
//  			 });

        //数据的属性

        //页面承载数据的显示部分





//  		},
//  		error:function(data){
//  			
//  		}  		
//  	});
    }



    //鼠标监听事件，发送
    $("form.zform li").on("click",function(e){

        var txt = e.target.firstChild.data;

        $("input[data-key=zphone]").val(txt);
        $sosoText = txt;
        var z = $(this).index();
        console.log("Mouse："+x+"，"+$sosoText);
        $li.eq(z).addClass("liche").siblings().removeClass("liche");
        dataGet();


    })

    // //按钮添加事件
    // $(".zform button#zbtn").click(function(){
    //     console.log("zhi");
    //     $sosoText = $("input#cardnum").val();
    //     if($sosoText.length == 0){
    //         return;
    //     }else{
    //         dataGet();
    //     }
    //
    //
    // })

})
